<div class="modal-header">
    <button type="button" class="close" ng-click="cancel()"><span class="icon icon-close" aria-hidden="true"></span></button>
    <h3 class="modal-title" translate="{{ 'aside.nav.basic.hospitalManage' }}"></h3>
</div>
<div class="modal-body" ng-controller="HospitalController">
    <form id="opeHospFrm">
        <div class="form-group">
            <div class="row wrapper-xs">
                <!--name-->
                <label class="col-sm-2">{{ 'business.hosp.name' | translate }}</label>
                <div class="col-sm-4">
                    <input type="text" class="form-control input-sm" ng-model="items.hosp_Cn_Name"
                            ng-disabled="items.isedit==false || items.isedit == null" autocomplete="off" required>
                </div>
                <div class="col-sm-offset-2 col-sm-4">
                    <input type="text" class="form-control input-sm" ng-model="items.hosp_En_Name"
                           ng-disabled="items.isedit==false || items.isedit == null" autocomplete="off" required>
                </div>
            </div>
            <div class="row wrapper-xs">
                <!--guojia-->
                <label class="col-sm-2">{{ 'user.country' | translate }}</label>
                <div class="col-sm-4" ng-init="getCountries()">
                    <!--{{items.country_Id}}-->
                    <select name="mySelect" id="mySelect" class="form-control input-sm" ng-change="getProvinces(items)"
                            ng-disabled="items.isedit==false || items.isedit == null || ArrCountry.length == 0"
                            ng-model="items.country_Id" required>
                        <option ng-repeat="option in ArrCountry" value="{{option.country_Id}}">
                            {{ (selectLang == 'English') ? option.country_En_Name : option.country_Cn_Name }}
                        </option>
                        <!--<option value="">-->
                            <!--&#45;&#45;{{ (selectLang == 'English') ? 'please select' : '&#x8BF7;&#x9009;&#x62E9;' }}&#45;&#45;-->
                        <!--</option>-->
                    </select>
                </div>
                <!--sheng-->
                <label class="col-sm-2">{{ 'user.province' | translate }}</label>
                <div class="col-sm-4" ng-init="getProvinces(items)">
                    <!--{{items.province_Id}}-->
                    <select name="mySelect" id="province" class="form-control input-sm"
                            ng-disabled="items.isedit==false || items.isedit == null || ArrProvince.length == 0"
                            ng-change="getCities(items)"
                            ng-options="option.location_Id as option.loca_Cn_Name for option in ArrProvince"
                            ng-model="items.province_Id" required>
                        <option value="">
                            --{{ (selectLang == 'English') ? 'please select' : '&#x8BF7;&#x9009;&#x62E9;' }}--
                        </option>
                    </select>
                </div>
            </div>
            <div class="row wrapper-xs">
                <!--shi-->
                <label class="col-sm-2">{{ 'user.city' | translate }}</label>
                <div class="col-sm-4" ng-init="getCities(items)">
                    <!--{{items.city_Id}}-->
                    <select name="mySelect" id="city" class="form-control input-sm"
                            ng-disabled="items.isedit==false || items.isedit == null || ArrCity.length == 0"
                            ng-change="getCounties(items)"
                            ng-options="option.location_Id as option.loca_Cn_Name for option in ArrCity"
                            ng-model="items.city_Id" required>
                        <option value="">
                            --{{ (selectLang == 'English') ? 'please select' : '&#x8BF7;&#x9009;&#x62E9;' }}--
                        </option>
                    </select>
                </div>
                <!--xian-->
                <label class="col-sm-2">{{ 'user.county' | translate }}</label>
                <div class="col-sm-4" ng-init="getCounties(items)">
                    <!--{{items.county_Id}}-->
                    <select name="mySelect" id="county" class="form-control input-sm"
                            ng-disabled="items.isedit==false || items.isedit == null || ArrCounty.length == 0"
                            ng-options="option.location_Id as option.loca_Cn_Name for option in ArrCounty"
                            ng-model="items.county_Id" required>
                        <option value="">
                            --{{ (selectLang == 'English') ? 'please select' : '&#x8BF7;&#x9009;&#x62E9;' }}--
                        </option>
                    </select>
                </div>
            </div>


            <div class="row wrapper-xs">
                <!--hospLevel-->
                <!--{{items.hospLevel_Id}}-->
                <label class="col-sm-2">{{ 'business.navtitle.hospLevel' | translate }}</label>
                <div class="col-sm-10" ng-init="getHospitalLevels(items)">
                    <select name="mySelect" id="hospLevel" class="form-control input-sm"
                            ng-disabled="items.isedit==false || items.isedit == null || ArrHospLevel.length == 0"
                            ng-options="option.hospLevel_Id as option.hospLevel_Cn_Name for option in ArrHospLevel"
                            ng-model="items.hospLevel_Id" required>
                        <option value="">
                            --{{ (selectLang == 'English') ? 'please select' : '&#x8BF7;&#x9009;&#x62E9;' }}--
                        </option>
                    </select>
                </div>
            </div>
            <div class="row wrapper-xs">
                <label class="col-sm-4">{{ 'business.hosp.isOpeCent' | translate }}</label>
                <div class="col-sm-8">
							<label class="i-switch bg-info m-r" >
									<input type="checkbox" ng-model="items.isOpeCenter" id="button" ng-disabled="items.isedit==false || items.isedit == null"> <i></i>
							</label>
                </div>
            </div>
            <div class="row wrapper-xs">
                <label class="col-sm-2">{{ 'business.hosp.hospDesc' | translate }}</label>
                <div class="col-sm-10">
                    <textarea rows="2" class="form-control input-sm" style="resize: none;"
                            ng-disabled="items.isedit==false || items.isedit == null"
                            ng-model="items.hosp_Desc">
                    </textarea>
                </div>
            </div>
        </div>

        <footer class="panel-footer text-center bg-light lter">
            <button class="btn btn-success" type="submit" ng-show="items.isedit == true" translate="common.submit" ng-click="saveHospital(items)">
                Submit
            </button>
            <a class="btn btn-success" ng-click="iseditHosp(items)" ng-show="items.isedit == false"
                    translate="common.edit">Edit</a>
            <a class="btn btn-default" ng-click="cancel()" translate="common.cancel">Cancel</a>
        </footer>
    </form>
</div>